/* 全局样式 */
*{ margin:0; padding:0;}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle;}
a{ text-decoration:none; outline:none;}
a{blr:expression(this.onFocus=this.blur())}
:focus{outline:0;}
a:hover{ text-decoration:none;}
body{ max-width: 640px; margin:0 auto; background-color:#f5f5f5; font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;color:#888; font-size: 14px;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden}
.clearfix{ zoom:1;}


/*头部*/
header{ height: 45px; color:#fff; padding: 0 4%; text-align: center; line-height: 45px; background-color: #2fafe0;}
header a.arrow{ float: left;}
header a.arrow img{ width: 10px; height: 17px; }
header a.home{ float: right;}
header a.home img{ width: 20px; height: 22px;}

/*banner*/
.ban img{ width: 100%;}
.banner img{ width: 100%;}
/*点赞*/
.feelgood{ padding: 0 4%; line-height: 40px; background-color: #fff; border-bottom: 1px solid #ebebeb;}
.feelgood p{ float: left;}
.feelgood .zan{ float: right;}
.feelgood .zan img{ width: 20px; height: 20px; vertical-align: middle;}


.opened{ background-color: #fff; padding: 4% 4% 0% 4%; margin: 0 auto;}
.opened p.p1{ width: 100%;}
.opened p.p2{ text-align: center; width: 100%; margin-top: 15px;}
.opened p.p2 span{ float: left; color: #f8ab00;}

/*产品种类*/
.itemtitle{ padding: 0 4%; margin: 10px 0; color: #362e2b;}
.itemtab{ width: 92%; margin: 0 auto;}
.itemtab ul li{ float: left; width: 25%; text-align: center; line-height: 35px; border-bottom: 1px solid #b8b8b8}
.itemtab ul li.cur{ border-bottom: 2px solid #f8ab00; background: url(../../../images/imges/trgle.png) center bottom no-repeat; background-size: 11px 5px;}

.shengnei{ width: 96%; margin: 0 auto; font-size: 14px;}
.shengnei tr td{border: 1px solid #a8a5a5; margin-left: 2.5%; padding: 2% 1%; border-radius: 2px; width: 30%; line-height: 20px; text-align: center; background-color: #fff; color: #362e2b; box-sizing:border-box;}

.shengnei tr td.active{position: relative; border:1px solid #ffa800;}
.active:after{content: ''; display: block; width: 20px; height: 20px; position: absolute; background: url(../../../images/imges/kdcur.png); right:0; bottom: 0; background-size: 20px 20px;}
.shengnei tr td.no_con{ border:0; background-color: #f5f5f5;}

/*slideBox*/
.slideBox1 {position: relative;z-index:0; margin-bottom: 22px;}
.slideBox1 .bd {position: relative;z-index: 0;}
.slideBox1 .bd ul li{ width:100%;}
.slideBox1 .hd{position:absolute;left:50%;bottom:-30px;text-align:center;margin-left:-19px; z-index:9999}
.slideBox1 .hd ul li{width:6px;height:6px;border: 1px solid #CCC;border-radius: 100px;border-radius:5px;display:block;margin:0px 6px;display:inline-block;text-indent:-9999px;cursor:pointer;}
.slideBox1 .hd ul li.on{background: #39F;}



/*生效时间*/
.effect_time{ margin: 15px 0;} 
.effect_time ul li{float: left; margin-left: 4%; position: relative; width: 28%; box-sizing:border-box; border: 1px solid #a8a5a5; border-radius: 5px; line-height: 30px; text-align: center; background-color: #fff; color: #362e2b;}
.effect_time ul li.selected{ border:1px solid #ffa800;}
.effect_time ul li.selected:after{ content: ''; display: block; width: 20px; height: 20px; position: absolute; background: url(../../../images/imges/kdcur.png); right:0; bottom: 0; background-size: 20px 20px; }

.produce_mess{ width: 86%; padding:3%; line-height: 20px; margin: 0 auto; background-color: #fff; border-radius: 10px;}

/*footer*/
.footer{ background-color:#FFF; max-width:640px; margin:0 auto; z-index:10; border-top:1px solid #ebebeb; position:fixed; font-size:16px; bottom:0; left:0; right:0;}
.footer-left,.footer-right{ width:50%; float:left; height:55px;}
.footer-left p{ display:block; width:90%; text-align:right;}
.footer-left p.p1{ color:#373737; margin-top:8px; font-size:16px;}
.footer-left p.p2{ color:#999; font-size:12px;}
.footer-left p span{ color:#ffa100;}
.footer-right{text-align:center; font-size:18px; background-color:#ff5001; line-height:55px; color:#FFF;}
.footer-right a{ display:block; width:100%; height:55px; color:#FFF;text-align:center;}
.sxtime{ width:320px; margin:0 auto;}
.sxtime span{ display:block; text-indent:0; height:30px; line-height:30px;}
.time{ font-size:18px; font-style:normal; line-height:35px;}
.sxtime ul li{ width:98px;min-height:25px; font-size:14px; line-height:25px;text-align:center;border:1px solid #D7D7D7;border-radius:5px;background:#fff;overflow:hidden; padding:2% 0;margin:0 0 5px 5px;float:left;}
.sxtime ul li.selected,.product-list ul li.selected{border-color:#FF6E03;position:relative;}
.sxtime ul li.selected:after,.product-list ul li.selected:after{content:"";display:block;background:url(../../../images/imges/kdcur.png);background-size:20px 20px;width:20px;height:20px;position:absolute;right:0;bottom:0;}
.yxa-tab-tag1{border-top:1px solid #c6c6c6; padding:4% 0; margin-top:4%; height:14px; line-height:14px;}
.wrapper{ padding-bottom:4%;}

/*返回顶部*/
.pagetop{ position:fixed; bottom:12%; z-index:10; right:2%; padding:5px; font-size:12px; text-align:center; width:30px; height:30px; line-height:15px; border-radius:100px; border:1px solid #c6c6c6; background:rgba(255,255,255,0.7)}
.pagetop img{ width:30%; margin-top:2px;}
.pagetop a{ display:block; color:#373737;width:30px; height:30px; border-radius:100px;}
/*场景介绍 业务介绍 温馨提示*/
.tab-introduce{ border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
.tab-introduce ul li{ width:49.8%; float:left; color:#4c4c4c; text-align:center; padding:3% 0;background-color:#e4e4e4; font-size:14px;}
.tab-introduce ul li.li-middle{ border-left:1px solid #c3c3c3;}
.tab-introduce ul li.selected{ background-color:#fff}
.introduce-text ul{ background-color:#fff; padding-bottom:60px;}
.introduce-text ul img{ width:100%; vertical-align:top;}
.introduce-text ul.intro-text p{ display:block; padding:2% 2% 5% 2%; line-height:22px; text-indent:2%; text-align:left; font-size:14px;}


/*看了又看*/
.lookandlook{ background:#f5f5f5;  margin-bottom:18%;}
.look-text{ width:95%; margin:0 auto;}
.look-title{ padding:4% 0;}
.look-title span{ display:block; margin-top:2%; float:left; width:35%; height:1px; border-bottom:1px solid #c6c6c6}
.look-title p{ display:block; text-align:center; float:left; width:30%; color:#666;}

/*banner滚动*/
.ban li img{width:100%;}
.main li{width:49%;float:left;display:inline;margin:2px 0.5%;text-align:center;position:relative}
.main li img{width:30px;left:30%;vertical-align:middle;margin-right:3px;position:absolute;top:25%}
.main li a{color:#fff;font-size:16px;display: block;}
.main li a span{position:absolute;left:50%}
.main .hgt250{height:170px;line-height:170px;}
.main .hgt123{height:83px;line-height:83px;}
.main .li1{background:#ff687b}
.main .li1 img{top:40%}
.main .li2{background:#fe864a}
.main .li3{background:#f6c913}
.main .li4{background:#9156a9}
.main .li5{background:#92cc40}
.main .li5 img{top:20%}
.main .li6{background:#378ef5}
.main .li7{background:#10c5da}
.main .li7 img{top:30%}
.dis_none{display:none}
.bg_hui{background:#b6b6b6 !important}
/* slideBox */
.slideBox {
position: relative;
overflow: hidden;
z-index:0
}
.slideBox .bd {
position: relative;
z-index: 0;
}
.slideBox .hd{position:absolute;left:50%;bottom:6px;text-align:center;margin-left:-25px;}
.slideBox .hd ul li{width:8px;height:8px;background:#ccc;border-radius:5px;display:block;margin:0px 4px;display:inline-block;text-indent:-9999px;cursor:pointer;}
.slideBox .hd ul li.on{background:#f60}

/*����*/
.loading{ position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:20;}
.remind{ position:fixed; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);left:10%; width:80%; background:#FFF; border-radius:5px; z-index:30; font-size:14px;}
.remind-titile{ text-align:center; border-bottom:1px solid #23a3ff; color:#0195ff; padding:4% 0; font-size:16px;}
.bisiness{ padding:4% 0 1% 8%; text-align:left; color:#ff7723; overflow:hidden;}
.bisiness-text ul li{ padding:1% 0 1% 8%; overflow:hidden;}
.bisiness-text ul li p,.bisiness-text ul li span{ display:block; float:left; text-align:left;}
.bisiness-text ul li p{ width:32%; color:#a3a3a3}
.bisiness-text ul li span{ width:60%; color:#666}
.shure-qx-btn{ padding-left:8%; margin:5% 0;}
.qx,.shure{ width:41%; padding:2% 0; text-align:center; float:left; cursor:pointer}
.qx{ background-color:#c9c9c9; color:#535353}
.shure{ background-color:#0195ff; color:#FFF; margin-left:10%;}
.shure-qx-btn1{ padding-right:8%;}
.shure1{ float:none; margin-left:0;}
.cgopen{ padding:4% 8% 6% 8%; text-align:left; color:#666; max-height:300px; overflow:hidden; overflow-y:auto;}

 .table { border-collapse: collapse; border-spacing: 0; width:100%; border: 1px solid #666; font-size: 12px;color: #333; }
 .table tr td,
 .table tr th { border:  1px solid #666;padding: 10px;word-break: break-all; vertical-align: middle; text-align: center; width: 14%;padding: 5px 2px; }
 .table tr th {font-weight: bold;background: #a2cbfa;}
 .table tr td:nth-child(2){ background:#d9e5bd;}
 .table tr td:nth-child(3),.table tr td:nth-child(4){ background:#ddd9c5;}
 .table tr td:nth-child(5),.table tr td:nth-child(6){ background:#fdd5b5;}
